module.exports = {
  publicPath: '/',           // 部署应用时的根路径(默认'/'),也可用相对路径(存在使用限制)
  outputDir: 'dist',      // 运行时生成的生产环境构建文件的目录(默认''dist''，构建之前会被清除)
  assetsDir: '',          //放置生成的静态资源(s、css、img、fonts)的(相对于 outputDir 的)目录(默认'')
  indexPath: 'index.html',//指定生成的 index.html 的输出路径(相对于 outputDir)也可以是一个绝对路径。
  pages: {                //pages 里配置的路径和文件名在你的文档目录必须存在 否则启动服务会报错
    index: {              //除了 entry 之外都是可选的
      entry: 'src/main.ts',   // page 的入口,每个“page”应该有一个对应的 JavaScript 入口文件
      template: 'public/index.html',// 模板来源
      filename: 'index.html',       // 在 dist/index.html 的输出
      title: '智慧教育系统',          // 当使用 title 选项时,在 template 中使用：<title><%= htmlWebpackPlugin.options.title %></title>
      chunks: ['chunk-vendors', 'chunk-common', 'index'] // 在这个页面中包含的块，默认情况下会包含,提取出来的通用 chunk 和 vendor chunk
    },
    subpage: 'src/main.ts'  //官方解释：当使用只有入口的字符串格式时,模板会被推导为'public/subpage.html',若找不到就回退到'public/index.html',输出文件名会被推导为'subpage.html'
  },

  lintOnSave: true,                 // 是否在保存的时候检查
  productionSourceMap: true,        // 生产环境是否生成 sourceMap 文件
  css: {
    extract: true,                  // 是否使用css分离插件 ExtractTextPlugin
    sourceMap: false,               // 开启 CSS source maps
     /* less 变量覆盖，用于自定义 ant design 主题 */
    loaderOptions: {
      less: {
        // modifyVars: {
        //   'primary-color': '#1DA57A',
        //   'link-color': '#1DA57A',
        //   'border-radius-base': '2px',
        // },
        javascriptEnabled: true
      },
     sass: { 
       prependData: `@import "./src/styles/main.scss";`  // 全局样式
     }
    },              // css预设器配置项
    //,requireModuleExtension: false                  // 启用 CSS modules for all css / pre-processor files.
    modules: false
  },
  pwa: {
    iconPaths: {
      favicon32: 'favicon.ico',
      favicon16: 'favicon.ico',
      appleTouchIcon: 'favicon.ico',
      maskIcon: 'favicon.ico',
      msTileImage: 'favicon.ico'
    }
  },
  devServer: {                      // 环境配置
    host: 'localhost',
    port: 8080,
    https: false,
    hotOnly: false,
    open: true,                     //配置自动启动浏览器
    before(app){
      console.log("发送")
    },                     // 模拟返回         
    proxy: {                        // 配置多个代理(配置一个 proxy: 'http://localhost:4000' )
      // 'api/': {
      //   target: 'http://localhost:8083',
      //   ws: true,
      //   changeOrigin: true
      //   // ,pathRewrite:{
      //   //   '^/api':'/'
      //   // }
      // },
      '/local': {
        target: 'http://localhost:8085',
        ws: true,
        changeOrigin: true
        ,pathRewrite:{
          '^/local':'/'
        }
      }
    }
  },
  pluginOptions: {// 第三方插件配置
    // ...
  },
  chainWebpack: config => {
    config.resolve.symlinks(true);
  }
}
